view {
	box-sizing: border-box !important;
	word-break: break-all !important;
}

.f0 {
	font-size: 0;
}
.recordWrap {
	background: #16181C;
	border-radius: 30rpx;
	border: 2rpx solid #1F2128;
}
.recordWrapLight {
	background: #fff;
	border: none;
}
.opacity0 {
	opacity: 0;
}
/* 吸顶定位 */
.p-sticky-dark {
	position: sticky;
	top: 0;
	z-index: 3000000000;
	background: #0E0F11;
}
.p-sticky-light {
	position: sticky;
	top: 0;
	z-index: 3000000000;
	background: #E6E8EF;
}

/* 按钮点击样式 */
.clickCss:active {
	opacity: 0.8;
}

/* 状态栏高度 */
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}
.nav_bar {
	height: 88rpx;
	width: 100%;
}
.navTitle_dark {
	font-size: 32rpx;
	color: #F7F7F7;
}
.navTitle_light {
	font-size: 32rpx;
	color: #0E0F11;
}
.fanhui_icon {
	width: 26rpx;
	height: 26rpx;
}
/* 夜间模式 */
.dark-wrap {
	background: #0E0F11;
	min-height: 100vh;
}
/* 非夜间模式 */
.light-wrap {
	background: #E6E8EF;
	min-height: 100vh;
}
/* 内边距 */
.pl-1 {
	padding-left: 10rpx;
}
.pl-2 {
	padding-left: 20rpx;
}
.pl-3 {
	padding-left: 30rpx;
}
.pl-4 {
	padding-left: 40rpx;
}
.pl-5 {
	padding-left: 50rpx;
}
.pl-8 {
	padding-left: 80rpx;
}
.pr-1 {
	padding-right: 10rpx;
}
.pr-2 {
	padding-right: 20rpx;
}
.pr-3 {
	padding-right: 30rpx;
}
.pr-4 {
	padding-right: 40rpx;
}
.pr-5 {
	padding-right: 50rpx;
}
.pr-8 {
	padding-right: 80rpx;
}
.px-1 {
	padding-left: 10rpx;
	padding-right: 10rpx;
}
.px-2 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.px-3 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.px-4 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}
.px-5 {
	padding-left: 50rpx;
	padding-right: 50rpx;
}
.px-8 {
	padding-left: 80rpx;
	padding-right: 80rpx;
}
.pt-1 {
	padding-top: 20rpx;
}
.pt-2 {
	padding-top: 20rpx;
}
.pt-3 {
	padding-top: 30rpx;
}
.pt-4 {
	padding-top: 40rpx;
}
.pt-5 {
	padding-top: 50rpx;
}
.pt-8 {
	padding-top: 80rpx;
}
.pb-1 {
	padding-bottom: 10rpx;
}
.pb-2 {
	padding-bottom: 20rpx;
}
.pb-3 {
	padding-bottom: 30rpx;
}
.pb-4 {
	padding-bottom: 40rpx;
}
.pb-5 {
	padding-bottom: 50rpx;
}
.pb-8 {
	padding-bottom: 80rpx;
}
.py-1 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}
.py-2 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
.py-3 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.py-4 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}
.py-5 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}
.py-8 {
	padding-top: 80rpx;
	padding-bottom: 80rpx;
}
.p-1 {
	padding: 10rpx;
}
.p-2 {
	padding: 20rpx;
}
.p-3 {
	padding: 30rpx;
}
.p-4 {
	padding: 40rpx;
}
.p-5 {
	padding: 50rpx;
}
.p-8 {
	padding: 80rpx;
}
/* 外边距 */
.ml-1 {
	margin-left: 10rpx;
}
.ml-2 {
	margin-left: 20rpx;
}
.ml-3 {
	margin-left: 30rpx;
}
.ml-4 {
	margin-left: 40rpx;
}
.ml-5 {
	margin-left: 50rpx;
}
.ml-6 {
	margin-left: 60rpx;
}
.ml-8 {
	margin-left: 80rpx;
}
.mr-1 {
	margin-right: 10rpx;
}
.mr-2 {
	margin-right: 20rpx;
}
.mr-3 {
	margin-right: 30rpx;
}
.mr-4 {
	margin-right: 40rpx;
}
.mr-5 {
	margin-right: 50rpx;
}
.mr-6 {
	margin-right: 60rpx;
}
.mr-8 {
	margin-right: 80rpx;
}
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.mx-1 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}
.mx-2 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.mx-3 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}
.mx-4 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}
.mx-5 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}
.mx-6 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}
.mx-8 {
	margin-left: 80rpx;
	margin-right: 80rpx;
}
.mt-1 {
	margin-top: 10rpx;
}
.mt-2 {
	margin-top: 20rpx;
}
.mt-3 {
	margin-top: 30rpx;
}
.mt-4 {
	margin-top: 40rpx;
}
.mt-5 {
	margin-top: 50rpx;
}
.mt-6 {
	margin-top: 60rpx;
}
.mt-8 {
	margin-top: 80rpx;
}
.mb-1 {
	margin-bottom: 10rpx;
}
.mb-2 {
	margin-bottom: 20rpx;
}
.mb-3 {
	margin-bottom: 30rpx;
}
.mb-4 {
	margin-bottom: 40rpx;
}
.mb-5 {
	margin-bottom: 60rpx;
}
.mb-6 {
	margin-bottom: 60rpx;
}
.mb-8 {
	margin-bottom: 80rpx;
}
.my-1 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}
.my-2 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}
.my-3 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}
.my-4 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}
.my-5 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}
.my-6 {
	margin-top: 60rpx;
	margin-bottom: 60rpx;
}
.my-8 {
	margin-top: 80rpx;
	margin-bottom: 80rpx;
}
.m-1 {
	margin: 10rpx;
}
.m-2 {
	margin: 20rpx;
}
.m-3 {
	margin: 30rpx;
}
.m-4 {
	margin: 40rpx;
}
.m-5 {
	margin: 50rpx;
}
.m-6 {
	margin: 60rpx;
}
.m-8 {
	margin: 80rpx;
}
